<template>
  <div
    class="wrap-item"
    :style="{
      '--scroll-width': '40px',
    }"
  >
    <div class="wrap-other-roll">
      <check-item />
      <!-- 平台统计 -->
      <div class="card">
        <div class="title">平台统计</div>
        <platform-item />
      </div>
      <!-- 进销存分析 -->
      <div class="card">
        <div class="title">进销存分析</div>
        <purchase-sale-stock />
      </div>
      <!-- 采购分析 -->
      <div class="card">
        <div class="title">采购分析</div>
        <procurement-item />
      </div>
    </div>
  </div>
</template>

<script>
import checkItem from './components/check'
import platformItem from './components/platform'
import purchaseSaleStock from './components/purchase-sale-stock'
import procurementItem from './components/procurement'
export default {
  components: { checkItem, platformItem, purchaseSaleStock, procurementItem },
  data() {
    return {}
  },
}
</script>
<style lang="scss" scoped>
.card {
  padding-bottom: 20px;
}
.title {
  color: #45ab49;
  border-bottom: 1px solid #45ab49;
  padding: 10px 0;
  margin-bottom: 15px;
}
</style>
